<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>INDEX</title>
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
          integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
          crossorigin="anonymous">
    <script src="js/Vue.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
    <div id="app" style="width: 100%;text-align: center">
        <div style="background-color: blue;margin: 20px auto;width: 100%;text-align: end">
            <button @click="purchaseBook">购买图书</button>
            <button @click="logout">注销退出</button>
            <button @click="updateUserInfo">修改信息</button>
        </div>
        <div class="jumbotron text-center" style="margin-bottom:0">
            <h1>欢迎来到书店</h1>
            <p>只有你想象不到的书，没有你找不到的书</p>
        </div>
    </div>

</body>
</html>